<!DOCTYPE html>
<html lang="en-US">
	
<!-- Mirrored from vkuviewdoc.fsq.pub/components/icon.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 21 May 2025 17:31:01 GMT -->
<head>
		<title>Icon 图标 | uView Vue3.0 横空出世，继承uView1.0意志，再战江湖，风云再起！</title>
		<meta charset="utf-8">
		<script>
		  var _hmt = _hmt || [];
		  (function() {
		    var hm = document.createElement("script");
		    hm.src = "../../hm.baidu.com/hm34bd.js?1d1565dd0782e66106e6a42c79ed2554";
		    var s = document.getElementsByTagName("script")[0]; 
		    s.parentNode.insertBefore(hm, s);
		  })();
		  </script>
		<meta name="description" content="同时支持 Vue3.0 和 Vue2.0，你没看错，现在 uView 支持 Vue3.0 了！（不支持nvue，此版本为uView1.0的分支）">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="keywords" content="vk-uview,uviewVue3.0,uview,uView,uviewui,uview ui,uviewUI,uViewui,uViewUI,uView UI,uni ui,uni UI,uni-app ui框架,uni-app UI框架,uniapp ui,ui,UI框架,uniapp ui框架,uniapp UI">
		<link rel="preload" href="../assets/css/0.styles.61168ff3.css" as="style"><link rel="preload" href="../assets/js/app.06a5b7ec.js" as="script"><link rel="preload" href="../assets/js/3.b1cc55a0.js" as="script"><link rel="preload" href="../assets/js/4.4b844322.js" as="script"><link rel="preload" href="../assets/js/81.6d66b374.js" as="script"><link rel="preload" href="../assets/js/19.2b0b9da7.js" as="script"><link rel="preload" href="../assets/js/9.ba52e2b0.js" as="script"><link rel="preload" href="../assets/js/15.9c539d25.js" as="script"><link rel="preload" href="../assets/js/6.2c513bee.js" as="script"><link rel="prefetch" href="../assets/js/1.98a9916e.js"><link rel="prefetch" href="../assets/js/10.038f08bd.js"><link rel="prefetch" href="../assets/js/100.a4e49f4f.js"><link rel="prefetch" href="../assets/js/101.5bb80e81.js"><link rel="prefetch" href="../assets/js/102.341da24c.js"><link rel="prefetch" href="../assets/js/103.59b833cd.js"><link rel="prefetch" href="../assets/js/104.a145c535.js"><link rel="prefetch" href="../assets/js/105.c8fea0c4.js"><link rel="prefetch" href="../assets/js/106.d1e658a7.js"><link rel="prefetch" href="../assets/js/107.5f95aed3.js"><link rel="prefetch" href="../assets/js/108.8d2b2544.js"><link rel="prefetch" href="../assets/js/109.10c99e03.js"><link rel="prefetch" href="../assets/js/11.8e74d8b9.js"><link rel="prefetch" href="../assets/js/110.4a7e9307.js"><link rel="prefetch" href="../assets/js/111.773e8680.js"><link rel="prefetch" href="../assets/js/112.c7465195.js"><link rel="prefetch" href="../assets/js/113.b86e8be8.js"><link rel="prefetch" href="../assets/js/114.9ba8246a.js"><link rel="prefetch" href="../assets/js/115.48e5c3e4.js"><link rel="prefetch" href="../assets/js/116.623d8a73.js"><link rel="prefetch" href="../assets/js/117.d9fc756d.js"><link rel="prefetch" href="../assets/js/118.668a7d9f.js"><link rel="prefetch" href="../assets/js/119.6ca5a6b7.js"><link rel="prefetch" href="../assets/js/12.1490d9ad.js"><link rel="prefetch" href="../assets/js/120.8008a6be.js"><link rel="prefetch" href="../assets/js/121.29c37c36.js"><link rel="prefetch" href="../assets/js/122.00c188a8.js"><link rel="prefetch" href="../assets/js/123.22e24add.js"><link rel="prefetch" href="../assets/js/124.e5837e2d.js"><link rel="prefetch" href="../assets/js/125.bd96786c.js"><link rel="prefetch" href="../assets/js/126.e58693e0.js"><link rel="prefetch" href="../assets/js/127.7df2a7cb.js"><link rel="prefetch" href="../assets/js/128.46d0d44f.js"><link rel="prefetch" href="../assets/js/129.533ad2e4.js"><link rel="prefetch" href="../assets/js/13.26869a5e.js"><link rel="prefetch" href="../assets/js/130.33870daa.js"><link rel="prefetch" href="../assets/js/131.6ed8ceeb.js"><link rel="prefetch" href="../assets/js/132.ddabb1d9.js"><link rel="prefetch" href="../assets/js/133.9ec99fba.js"><link rel="prefetch" href="../assets/js/134.ddf9fd84.js"><link rel="prefetch" href="../assets/js/135.c78b3861.js"><link rel="prefetch" href="../assets/js/136.9f35dad7.js"><link rel="prefetch" href="../assets/js/137.f76e23c3.js"><link rel="prefetch" href="../assets/js/138.527154ce.js"><link rel="prefetch" href="../assets/js/139.20fc60a7.js"><link rel="prefetch" href="../assets/js/14.f7c8080a.js"><link rel="prefetch" href="../assets/js/140.94a3c889.js"><link rel="prefetch" href="../assets/js/141.dbec7630.js"><link rel="prefetch" href="../assets/js/142.01e40518.js"><link rel="prefetch" href="../assets/js/143.e69db0a4.js"><link rel="prefetch" href="../assets/js/144.6b44c549.js"><link rel="prefetch" href="../assets/js/145.be0da9a2.js"><link rel="prefetch" href="../assets/js/146.cf66d7a5.js"><link rel="prefetch" href="../assets/js/147.0d33398d.js"><link rel="prefetch" href="../assets/js/148.7ec3725c.js"><link rel="prefetch" href="../assets/js/149.94b68d3b.js"><link rel="prefetch" href="../assets/js/150.a3cb5d67.js"><link rel="prefetch" href="../assets/js/151.353415e1.js"><link rel="prefetch" href="../assets/js/152.a0e625f0.js"><link rel="prefetch" href="../assets/js/153.9f9ff9df.js"><link rel="prefetch" href="../assets/js/154.3926195f.js"><link rel="prefetch" href="../assets/js/155.4ff0eab8.js"><link rel="prefetch" href="../assets/js/156.30421ecd.js"><link rel="prefetch" href="../assets/js/16.9311470f.js"><link rel="prefetch" href="../assets/js/17.1d2427af.js"><link rel="prefetch" href="../assets/js/18.9f71dea7.js"><link rel="prefetch" href="../assets/js/20.4e7fd7f2.js"><link rel="prefetch" href="../assets/js/21.eeb64d6d.js"><link rel="prefetch" href="../assets/js/22.eeed70a0.js"><link rel="prefetch" href="../assets/js/23.ebadd966.js"><link rel="prefetch" href="../assets/js/24.623888d6.js"><link rel="prefetch" href="../assets/js/25.997678dc.js"><link rel="prefetch" href="../assets/js/26.bdc2a6fc.js"><link rel="prefetch" href="../assets/js/27.14956264.js"><link rel="prefetch" href="../assets/js/28.3e836b17.js"><link rel="prefetch" href="../assets/js/29.88996b95.js"><link rel="prefetch" href="../assets/js/30.26760ff7.js"><link rel="prefetch" href="../assets/js/31.169925f0.js"><link rel="prefetch" href="../assets/js/32.fc848ffd.js"><link rel="prefetch" href="../assets/js/33.4a7b20b5.js"><link rel="prefetch" href="../assets/js/34.080a5b2d.js"><link rel="prefetch" href="../assets/js/35.5664384b.js"><link rel="prefetch" href="../assets/js/36.e6f2d7c1.js"><link rel="prefetch" href="../assets/js/37.7fffb245.js"><link rel="prefetch" href="../assets/js/38.2a818c4b.js"><link rel="prefetch" href="../assets/js/39.b75d1d1f.js"><link rel="prefetch" href="../assets/js/40.eebb261c.js"><link rel="prefetch" href="../assets/js/41.f590ad3d.js"><link rel="prefetch" href="../assets/js/42.3a5a9ad1.js"><link rel="prefetch" href="../assets/js/43.315af682.js"><link rel="prefetch" href="../assets/js/44.e699cfc9.js"><link rel="prefetch" href="../assets/js/45.070488b1.js"><link rel="prefetch" href="../assets/js/46.29f9b10c.js"><link rel="prefetch" href="../assets/js/47.a49c9691.js"><link rel="prefetch" href="../assets/js/48.901960ce.js"><link rel="prefetch" href="../assets/js/49.90f26de6.js"><link rel="prefetch" href="../assets/js/5.1822a725.js"><link rel="prefetch" href="../assets/js/50.d98ea474.js"><link rel="prefetch" href="../assets/js/51.7e81edb0.js"><link rel="prefetch" href="../assets/js/52.ae744cc4.js"><link rel="prefetch" href="../assets/js/53.a87579ea.js"><link rel="prefetch" href="../assets/js/54.09cf1cd4.js"><link rel="prefetch" href="../assets/js/55.8dbe32a9.js"><link rel="prefetch" href="../assets/js/56.4cc4e86e.js"><link rel="prefetch" href="../assets/js/57.5fa9755d.js"><link rel="prefetch" href="../assets/js/58.8a511947.js"><link rel="prefetch" href="../assets/js/59.7f699905.js"><link rel="prefetch" href="../assets/js/60.5cd6bf05.js"><link rel="prefetch" href="../assets/js/61.8e3a5252.js"><link rel="prefetch" href="../assets/js/62.c196204b.js"><link rel="prefetch" href="../assets/js/63.cf346896.js"><link rel="prefetch" href="../assets/js/64.0525bb5d.js"><link rel="prefetch" href="../assets/js/65.2d0a71fc.js"><link rel="prefetch" href="../assets/js/66.7155e206.js"><link rel="prefetch" href="../assets/js/67.40077362.js"><link rel="prefetch" href="../assets/js/68.5bf58e97.js"><link rel="prefetch" href="../assets/js/69.d955f75b.js"><link rel="prefetch" href="../assets/js/7.1d1f1c24.js"><link rel="prefetch" href="../assets/js/70.a8cce98b.js"><link rel="prefetch" href="../assets/js/71.da703543.js"><link rel="prefetch" href="../assets/js/72.c04dfa52.js"><link rel="prefetch" href="../assets/js/73.d07ef280.js"><link rel="prefetch" href="../assets/js/74.8461f6a0.js"><link rel="prefetch" href="../assets/js/75.b4e8bf21.js"><link rel="prefetch" href="../assets/js/76.2df0e4fa.js"><link rel="prefetch" href="../assets/js/77.80fba507.js"><link rel="prefetch" href="../assets/js/78.167eb1f2.js"><link rel="prefetch" href="../assets/js/79.8de07f16.js"><link rel="prefetch" href="../assets/js/8.70b4860e.js"><link rel="prefetch" href="../assets/js/80.62ae9ff8.js"><link rel="prefetch" href="../assets/js/82.3200cf78.js"><link rel="prefetch" href="../assets/js/83.1d9c3fce.js"><link rel="prefetch" href="../assets/js/84.d9f947a9.js"><link rel="prefetch" href="../assets/js/85.85a4c72a.js"><link rel="prefetch" href="../assets/js/86.93c948f9.js"><link rel="prefetch" href="../assets/js/87.468468cc.js"><link rel="prefetch" href="../assets/js/88.e5fe3f13.js"><link rel="prefetch" href="../assets/js/89.724b1038.js"><link rel="prefetch" href="../assets/js/90.16fb68a1.js"><link rel="prefetch" href="../assets/js/91.338ca55d.js"><link rel="prefetch" href="../assets/js/92.508f7300.js"><link rel="prefetch" href="../assets/js/93.50d169d1.js"><link rel="prefetch" href="../assets/js/94.54461a32.js"><link rel="prefetch" href="../assets/js/95.8f712236.js"><link rel="prefetch" href="../assets/js/96.4c8d5f01.js"><link rel="prefetch" href="../assets/js/97.da347ee4.js"><link rel="prefetch" href="../assets/js/98.94680b58.js"><link rel="prefetch" href="../assets/js/99.7d895609.js">
		<link rel="stylesheet" href="../assets/css/0.styles.61168ff3.css">
		<script>
			var _hmt = _hmt || [];
			(function() {
				var hm = document.createElement("script");
				hm.src = "../../hm.baidu.com/hm81c3.js?43e7eadc8f61e1e064906952da7d51f0";
				var s = document.getElementsByTagName("script")[0];
				s.parentNode.insertBefore(hm, s);
			})();
		</script>
	</head>
	<body>
		<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="../index.html" class="home-link router-link-active"><img src="../common/logo.png" alt="uView Vue3.0 横空出世，继承uView1.0意志，再战江湖，风云再起！" class="logo"> <span class="site-name can-hide">uView</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="../guide/demo.html" class="nav-link">
  指南
</a></div><div class="nav-item"><a href="intro.html" class="nav-link">
  组件
</a></div><div class="nav-item"><a href="../js/intro.html" class="nav-link">
  JS
</a></div><div class="nav-item"><a href="../layout/intro.html" class="nav-link">
  模板
</a></div><div class="nav-item"><a href="resource.html" class="nav-link">
  资源
</a></div><div class="nav-item"><a href="https://ext.dcloud.net.cn/plugin?id=6692" target="_blank" rel="noopener noreferrer" class="nav-link external">
  插件市场
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://gitee.com/vk-uni/vk-uview-ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Gitee
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="DCloud插件市场" class="dropdown-title"><span class="title">VK其他插件</span> <span class="arrow down"></span></button> <button type="button" aria-label="DCloud插件市场" class="mobile-dropdown-title"><span class="title">VK其他插件</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=2204" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-unicloud-router（client端）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=5043" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-unicloud-admin（admin端）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=5642" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-uni-pay（统一支付）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=2848" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-data-goods-sku-popup（sku组件）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=6692" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-uview-ui（uView Vue3.0）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=6158" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-redis
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=6089" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-unicloud数据库一键搬家工具
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=6663" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-hbx插件（开发辅助工具）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/publisher?id=164406" target="_blank" rel="noopener noreferrer" class="nav-link external">
  查看更多
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="原版uView" class="dropdown-title"><span class="title">原版uView</span> <span class="arrow down"></span></button> <button type="button" aria-label="原版uView" class="mobile-dropdown-title"><span class="title">原版uView</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="https://v1.uviewui.com/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  1.X
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://uviewui.com/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  2.X
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <div><aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="../guide/demo.html" class="nav-link">
  指南
</a></div><div class="nav-item"><a href="intro.html" class="nav-link">
  组件
</a></div><div class="nav-item"><a href="../js/intro.html" class="nav-link">
  JS
</a></div><div class="nav-item"><a href="../layout/intro.html" class="nav-link">
  模板
</a></div><div class="nav-item"><a href="resource.html" class="nav-link">
  资源
</a></div><div class="nav-item"><a href="https://ext.dcloud.net.cn/plugin?id=6692" target="_blank" rel="noopener noreferrer" class="nav-link external">
  插件市场
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://gitee.com/vk-uni/vk-uview-ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Gitee
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="DCloud插件市场" class="dropdown-title"><span class="title">VK其他插件</span> <span class="arrow down"></span></button> <button type="button" aria-label="DCloud插件市场" class="mobile-dropdown-title"><span class="title">VK其他插件</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=2204" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-unicloud-router（client端）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=5043" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-unicloud-admin（admin端）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=5642" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-uni-pay（统一支付）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=2848" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-data-goods-sku-popup（sku组件）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=6692" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-uview-ui（uView Vue3.0）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=6158" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-redis
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=6089" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-unicloud数据库一键搬家工具
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=6663" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-hbx插件（开发辅助工具）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/publisher?id=164406" target="_blank" rel="noopener noreferrer" class="nav-link external">
  查看更多
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="原版uView" class="dropdown-title"><span class="title">原版uView</span> <span class="arrow down"></span></button> <button type="button" aria-label="原版uView" class="mobile-dropdown-title"><span class="title">原版uView</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="https://v1.uviewui.com/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  1.X
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://uviewui.com/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  2.X
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div> <!----></nav>  <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>起步</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="addQQGroup.html" class="sidebar-link">加QQ群交流反馈</a></li><li><a href="intro.html" class="sidebar-link">介绍</a></li><li><a href="install.html" class="sidebar-link">安装</a></li><li><a href="quickstart.html" class="sidebar-link">快速上手</a></li><li><a href="common.html" class="sidebar-link">内置样式</a></li><li><a href="feature.html" class="sidebar-link">注意事项</a></li><li><a href="nvue.html" class="sidebar-link">Nvue排错指南</a></li><li><a href="changelog.html" class="sidebar-link">更新日志</a></li><li><a href="changeGuide.html" class="sidebar-link">升级指南</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading open"><span>基础组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="color.html" class="sidebar-link">Color 色彩</a></li><li><a href="icon.html" aria-current="page" class="active sidebar-link">Icon 图标</a></li><li><a href="image.html" class="sidebar-link">Image 图片</a></li><li><a href="button.html" class="sidebar-link">Button 按钮</a></li><li><a href="layout.html" class="sidebar-link">Layout 布局</a></li><li><a href="cell.html" class="sidebar-link">Cell 单元格</a></li><li><a href="badge.html" class="sidebar-link">Badge 徽标数</a></li><li><a href="tag.html" class="sidebar-link">Tag 标签</a></li></ul></section></li><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading"><span>表单组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="input.html" class="sidebar-link">Input 输入框</a></li><li><a href="form.html" class="sidebar-link">Form 表单</a></li><li><a href="calendar.html" class="sidebar-link">Calendar 日历</a></li><li><a href="select.html" class="sidebar-link">Select 列选择器</a></li><li><a href="keyboard.html" class="sidebar-link">Keyboard 键盘</a></li><li><a href="picker.html" class="sidebar-link">Picker 选择器</a></li><li><a href="rate.html" class="sidebar-link">Rate 评分</a></li><li><a href="search.html" class="sidebar-link">Search 搜索</a></li><li><a href="numberBox.html" class="sidebar-link">NumberBox 步进器</a></li><li><a href="upload.html" class="sidebar-link">Upload 上传</a></li><li><a href="verificationCode.html" class="sidebar-link">VerificationCode 验证码倒计时</a></li><li><a href="field.html" class="sidebar-link">Field 输入框</a></li><li><a href="checkbox.html" class="sidebar-link">Checkbox 复选框</a></li><li><a href="radio.html" class="sidebar-link">Radio 单选框</a></li><li><a href="switch.html" class="sidebar-link">Switch 开关选择器</a></li><li><a href="slider.html" class="sidebar-link">Slider 滑动选择器</a></li></ul></section></li><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading"><span>数据组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="circleProgress.html" class="sidebar-link">CircleProgress 圆形进度条</a></li><li><a href="lineProgress.html" class="sidebar-link">LineProgress 线形进度条</a></li><li><a href="table.html" class="sidebar-link">Table 表格</a></li><li><a href="countDown.html" class="sidebar-link">CountDown 倒计时</a></li><li><a href="countTo.html" class="sidebar-link">CountTo 数字滚动</a></li></ul></section></li><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading"><span>反馈组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="actionSheet.html" class="sidebar-link">ActionSheet 操作菜单</a></li><li><a href="alertTips.html" class="sidebar-link">AlertTips 警告提示</a></li><li><a href="toast.html" class="sidebar-link">Toast 消息提示</a></li><li><a href="noticeBar.html" class="sidebar-link">NoticeBar 滚动通知</a></li><li><a href="topTips.html" class="sidebar-link">TopTips 顶部提示</a></li><li><a href="collapse.html" class="sidebar-link">Collapse 折叠面板</a></li><li><a href="popup.html" class="sidebar-link">Popup 弹出层</a></li><li><a href="swipeAction.html" class="sidebar-link">SwipeAction 滑动操作</a></li><li><a href="modal.html" class="sidebar-link">Modal 模态框</a></li><li><a href="fullScreen.html" class="sidebar-link">fullScreen 压窗屏</a></li></ul></section></li><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading"><span>布局组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="line.html" class="sidebar-link">Line 线条</a></li><li><a href="card.html" class="sidebar-link">Card 卡片</a></li><li><a href="mask.html" class="sidebar-link">Mask 遮罩层</a></li><li><a href="noNetwork.html" class="sidebar-link">NoNetwork 无网络提示</a></li><li><a href="grid.html" class="sidebar-link">Grid 宫格布局</a></li><li><a href="swiper.html" class="sidebar-link">Swiper 轮播图</a></li><li><a href="timeLine.html" class="sidebar-link">TimeLine 时间轴</a></li><li><a href="skeleton.html" class="sidebar-link">Skeleton 骨架屏</a></li><li><a href="sticky.html" class="sidebar-link">Sticky 吸顶</a></li><li><a href="waterfall.html" class="sidebar-link">Waterfall 瀑布流</a></li><li><a href="divider.html" class="sidebar-link">Divider 分割线</a></li></ul></section></li><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading"><span>导航组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="dropdown.html" class="sidebar-link">Dropdown 下拉菜单</a></li><li><a href="tabbar.html" class="sidebar-link">Tabbar 底部导航栏</a></li><li><a href="backTop.html" class="sidebar-link">BackTop 返回顶部</a></li><li><a href="navbar.html" class="sidebar-link">Navbar 自定义导航栏</a></li><li><a href="tabs.html" class="sidebar-link">tabs 标签</a></li><li><a href="tabsSwiper.html" class="sidebar-link">tabsSwiper 全屏选项卡</a></li><li><a href="subsection.html" class="sidebar-link">Subsection 分段器</a></li><li><a href="indexList.html" class="sidebar-link">IndexList 索引列表</a></li><li><a href="steps.html" class="sidebar-link">Steps 步骤条</a></li><li><a href="empty.html" class="sidebar-link">Empty 内容为空</a></li><li><a href="link.html" class="sidebar-link">Link 超链接</a></li><li><a href="section.html" class="sidebar-link">Section 查看更多</a></li></ul></section></li><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading"><span>其他组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="parse.html" class="sidebar-link">Parse 富文本解析器</a></li><li><a href="messageInput.html" class="sidebar-link">MessageInput 验证码输入</a></li><li><a href="avatarCropper.html" class="sidebar-link">AvatarCropper 头像裁剪</a></li><li><a href="loadMore.html" class="sidebar-link">loadMore 加载更多</a></li><li><a href="readMore.html" class="sidebar-link">ReadMore 展开阅读更多</a></li><li><a href="lazyLoad.html" class="sidebar-link">LazyLoad 懒加载</a></li><li><a href="gap.html" class="sidebar-link">Gap 间隔槽</a></li><li><a href="avatar.html" class="sidebar-link">Avatar 头像</a></li><li><a href="loading.html" class="sidebar-link">Loading 加载动画</a></li></ul></section></li></ul></section></li></ul> </aside></div> <main class="page"> <div class="theme-default-content content__default"><h2 id="icon-图标"><a href="#icon-图标" class="header-anchor">#</a> Icon 图标 <a href="#api" class="anchor" data-v-2680b636><img src="../common/to_api.png" data-v-2680b636></a></h2> <div class="demo-model" data-v-05b12073><div class="model-content" data-v-05b12073><iframe scrolling="auto" frameborder="0" src="https://uviewdoc.fsq.pub/#/pages/componentsA/icon/index" id="demo-modal" class="iframe" data-v-05b12073></iframe></div></div> <p>基于字体的图标集，包含了大多数常见场景的图标。</p> <h3 id="平台差异说明"><a href="#平台差异说明" class="header-anchor">#</a> 平台差异说明</h3> <table><thead><tr><th style="text-align:center;">App</th> <th style="text-align:center;">H5</th> <th style="text-align:center;">微信小程序</th> <th style="text-align:center;">支付宝小程序</th> <th style="text-align:center;">百度小程序</th> <th style="text-align:center;">头条小程序</th> <th style="text-align:center;">QQ小程序</th></tr></thead> <tbody><tr><td style="text-align:center;">√</td> <td style="text-align:center;">√</td> <td style="text-align:center;">√</td> <td style="text-align:center;">√</td> <td style="text-align:center;">√</td> <td style="text-align:center;">√</td> <td style="text-align:center;">√</td></tr></tbody></table> <h3 id="基本使用"><a href="#基本使用" class="header-anchor">#</a> 基本使用</h3> <br> <div class="custom-block tip"><p class="custom-block-title">提示</p> <p>如果您觉得内置的图标数量不够，或者不合符您的需求，别担心，我们还精心为您准备了一份简单易用的扩展自定义图标库教程：<a href="https://www.uviewui.com/guide/customIcon.html" target="_blank" rel="noopener noreferrer">扩展自定义图标库<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p></div> <br> <p>通过<code>&lt;u-icon&gt;</code>形式来调用，设置<code>name</code>参数为图标名即可</p> <div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>u-icon</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>photo<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>u-icon</span><span class="token punctuation">&gt;</span></span>
</code></pre></div><h3 id="修改图标的样式"><a href="#修改图标的样式" class="header-anchor">#</a> 修改图标的样式</h3> <ul><li>通过<code>color</code>参数修改图标的颜色</li> <li>通过<code>size</code>参数修改图标的大小，单位为rpx</li></ul> <div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>u-icon</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>photo<span class="token punctuation">&quot;</span></span> <span class="token attr-name">color</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>#2979ff<span class="token punctuation">&quot;</span></span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>28<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>u-icon</span><span class="token punctuation">&gt;</span></span>
</code></pre></div><h3 id="图片图标"><a href="#图片图标" class="header-anchor">#</a> 图片图标</h3> <p>这里说的图片图标，指的是小图标，起作用定位为&quot;icon&quot;图标作用，而非大尺寸的图片展示场景，理论上，这个小图标应该为<code>png</code>格式的正方形图标。</p> <p>上面说到，给组件的<code>name</code>参数传入一个图片的名称即可显示字体图标，这些名称中不能带有<code>/</code>斜杠符号，否则会被认为是传入了图片图标，同时，<code>size</code>参数
也被设置为这个图片图标的宽度，由于是图片，诸如颜色<code>color</code>等参数都会失效。</p> <div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>u-icon</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>uView<span class="token punctuation">&quot;</span></span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>40<span class="token punctuation">&quot;</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>https://cdn.uviewui.com/uview/example/button.png<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>u-icon</span><span class="token punctuation">&gt;</span></span>
</code></pre></div><h3 id="api"><a href="#api" class="header-anchor">#</a> API</h3> <h3 id="props"><a href="#props" class="header-anchor">#</a> Props</h3> <table><thead><tr><th>参数</th> <th>说明</th> <th>类型</th> <th>默认值</th> <th>可选值</th></tr></thead> <tbody><tr><td>name</td> <td>图标名称，见示例图标集，如名称带有<code>/</code>，会被认为是图片图标</td> <td>String</td> <td>-</td> <td>-</td></tr> <tr><td>color</td> <td>图标颜色</td> <td>String</td> <td>inherit</td> <td>-</td></tr> <tr><td>size</td> <td>图标字体大小，单位rpx</td> <td>String | Number</td> <td>inherit</td> <td>-</td></tr> <tr><td>index</td> <td>一个用于区分多个图标的值，点击图标时通过<code>click</code>事件传出</td> <td>String</td> <td>-</td> <td>-</td></tr> <tr><td>hover-class</td> <td>图标按下去的样式类，用法同uni的<code>view</code>组件的<code>hover-class</code>参数，详见：<a href="https://uniapp.dcloud.io/component/view" target="_blank" rel="noopener noreferrer">hover-class<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td>String</td> <td>-</td> <td>-</td></tr> <tr><td>label</td> <td>图标右侧/下方的label文字</td> <td>String</td> <td>-</td> <td>-</td></tr> <tr><td>label-size</td> <td><code>label</code>字体大小，单位rpx</td> <td>String | Number</td> <td>28</td> <td>-</td></tr> <tr><td>label-color</td> <td><code>label</code>字体颜色</td> <td>String</td> <td>#606266</td> <td>-</td></tr> <tr><td>custom-prefix</td> <td>自定义字体图标库时，需要写上此值，详见：<a href="https://www.uviewui.com/guide/customIcon.html" target="_blank" rel="noopener noreferrer">扩展自定义图标库<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td>String</td> <td>uicon</td> <td>-</td></tr> <tr><td>margin-left</td> <td><code>label</code>在右方时与图标的距离，单位rpx</td> <td>String | Number</td> <td>6</td> <td>-</td></tr> <tr><td>margin-top</td> <td><code>label</code>在下方时与图标的距离，单位rpx</td> <td>String | Number</td> <td>6</td> <td>-</td></tr> <tr><td>margin-bottom</td> <td><code>label</code>在上方时与图标的距离，单位rpx</td> <td>String | Number</td> <td>6</td> <td>-</td></tr> <tr><td>margin-right</td> <td><code>label</code>在左侧时与图标的距离，单位rpx</td> <td>String | Number</td> <td>6</td> <td>-</td></tr> <tr><td>label-pos</td> <td><code>label</code>相对于图标的位置(left和top为1.4.1新增)</td> <td>String</td> <td>right</td> <td>bottom / top / left</td></tr> <tr><td>custom-style</td> <td>图标的样式，可以设置字体大小，颜色等，对象形式，<code>size</code>和<code>color</code>优先级高于此参数</td> <td>Object</td> <td>-</td> <td>-</td></tr> <tr><td>width</td> <td><code>name</code>为图片路径时图片的宽度，单位任意，数值默认为rpx单位</td> <td>String | Number</td> <td>-</td> <td>-</td></tr> <tr><td>height</td> <td><code>name</code>为图片路径时图片的高度，单位任意，数值默认为rpx单位</td> <td>String | Number</td> <td>-</td> <td>-</td></tr> <tr><td>top</td> <td>如果某些场景，如果图标没有垂直居中，可以调整此参数，单位任意，数值默认为rpx单位</td> <td>String | Number</td> <td>0</td> <td>-</td></tr> <tr><td>show-decimal-icon</td> <td>是否为DecimalIcon</td> <td>Boolean</td> <td>false</td> <td>true</td></tr> <tr><td>inactive-color</td> <td>背景颜色，可接受主题色，仅Decimal时有效</td> <td>String</td> <td>#ececec</td> <td>-</td></tr> <tr><td>percent</td> <td>显示的百分比，仅Decimal时有效</td> <td>String | Number</td> <td>50</td> <td>-</td></tr></tbody></table> <h3 id="events"><a href="#events" class="header-anchor">#</a> Events</h3> <table><thead><tr><th style="text-align:left;">事件名</th> <th style="text-align:left;">说明</th> <th style="text-align:left;">回调参数</th> <th style="text-align:left;">版本</th></tr></thead> <tbody><tr><td style="text-align:left;">click</td> <td style="text-align:left;">点击图标时触发</td> <td style="text-align:left;">index: 通过<code>props</code>传递的<code>index</code>值</td> <td style="text-align:left;">-</td></tr></tbody></table> <h3 id="图标集"><a href="#图标集" class="header-anchor">#</a> 图标集</h3> <div class="icon-box container-fluid" data-v-71d16434><div class="row" data-v-71d16434><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-level" data-v-71d16434></i> <div class="name" data-v-71d16434>level</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-woman" data-v-71d16434></i> <div class="name" data-v-71d16434>woman</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-man" data-v-71d16434></i> <div class="name" data-v-71d16434>man</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-arrow-left-double" data-v-71d16434></i> <div class="name" data-v-71d16434>arrow-left-double</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-arrow-right-double" data-v-71d16434></i> <div class="name" data-v-71d16434>arrow-right-double</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-chat" data-v-71d16434></i> <div class="name" data-v-71d16434>chat</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-chat-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>chat-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-red-packet" data-v-71d16434></i> <div class="name" data-v-71d16434>red-packet</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-red-packet-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>red-packet-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-order" data-v-71d16434></i> <div class="name" data-v-71d16434>order</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-checkbox-mark" data-v-71d16434></i> <div class="name" data-v-71d16434>checkbox-mark</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-arrow-up-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>arrow-up-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-arrow-down-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>arrow-down-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-backspace" data-v-71d16434></i> <div class="name" data-v-71d16434>backspace</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-photo" data-v-71d16434></i> <div class="name" data-v-71d16434>photo</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-photo-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>photo-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-lock" data-v-71d16434></i> <div class="name" data-v-71d16434>lock</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-lock-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>lock-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-lock-open" data-v-71d16434></i> <div class="name" data-v-71d16434>lock-open</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-lock-opened-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>lock-opened-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-hourglass" data-v-71d16434></i> <div class="name" data-v-71d16434>hourglass</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-hourglass-half-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>hourglass-half-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-home" data-v-71d16434></i> <div class="name" data-v-71d16434>home</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-home-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>home-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-fingerprint" data-v-71d16434></i> <div class="name" data-v-71d16434>fingerprint</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-cut" data-v-71d16434></i> <div class="name" data-v-71d16434>cut</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-star" data-v-71d16434></i> <div class="name" data-v-71d16434>star</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-star-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>star-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-share" data-v-71d16434></i> <div class="name" data-v-71d16434>share</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-share-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>share-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-volume-up" data-v-71d16434></i> <div class="name" data-v-71d16434>volume-up</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-volume-up-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>volume-up-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-volume-off" data-v-71d16434></i> <div class="name" data-v-71d16434>volume-off</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-volume-off-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>volume-off-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-trash" data-v-71d16434></i> <div class="name" data-v-71d16434>trash</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-trash-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>trash-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-rewind-right" data-v-71d16434></i> <div class="name" data-v-71d16434>rewind-right</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-rewind-right-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>rewind-right-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-rewind-left" data-v-71d16434></i> <div class="name" data-v-71d16434>rewind-left</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-rewind-left-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>rewind-left-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-shopping-cart" data-v-71d16434></i> <div class="name" data-v-71d16434>shopping-cart</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-shopping-cart-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>shopping-cart-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-question" data-v-71d16434></i> <div class="name" data-v-71d16434>question</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-question-circle" data-v-71d16434></i> <div class="name" data-v-71d16434>question-circle</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-question-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>question-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-plus" data-v-71d16434></i> <div class="name" data-v-71d16434>plus</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-plus-circle" data-v-71d16434></i> <div class="name" data-v-71d16434>plus-circle</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-plus-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>plus-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-tags" data-v-71d16434></i> <div class="name" data-v-71d16434>tags</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-tags-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>tags-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-pause" data-v-71d16434></i> <div class="name" data-v-71d16434>pause</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-pause-circle" data-v-71d16434></i> <div class="name" data-v-71d16434>pause-circle</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-pause-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>pause-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-play-circle" data-v-71d16434></i> <div class="name" data-v-71d16434>play-circle</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-play-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>play-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-map" data-v-71d16434></i> <div class="name" data-v-71d16434>map</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-map-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>map-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-phone" data-v-71d16434></i> <div class="name" data-v-71d16434>phone</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-phone-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>phone-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-list" data-v-71d16434></i> <div class="name" data-v-71d16434>list</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-list-dot" data-v-71d16434></i> <div class="name" data-v-71d16434>list-dot</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-man-delete" data-v-71d16434></i> <div class="name" data-v-71d16434>man-delete</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-man-add" data-v-71d16434></i> <div class="name" data-v-71d16434>man-add</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-man-add-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>man-add-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-person-delete-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>person-delete-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-info" data-v-71d16434></i> <div class="name" data-v-71d16434>info</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-info-circle" data-v-71d16434></i> <div class="name" data-v-71d16434>info-circle</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-info-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>info-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-minus" data-v-71d16434></i> <div class="name" data-v-71d16434>minus</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-minus-circle" data-v-71d16434></i> <div class="name" data-v-71d16434>minus-circle</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-minus-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>minus-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-mic" data-v-71d16434></i> <div class="name" data-v-71d16434>mic</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-mic-off" data-v-71d16434></i> <div class="name" data-v-71d16434>mic-off</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-grid" data-v-71d16434></i> <div class="name" data-v-71d16434>grid</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-grid-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>grid-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-eye" data-v-71d16434></i> <div class="name" data-v-71d16434>eye</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-eye-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>eye-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-eye-off" data-v-71d16434></i> <div class="name" data-v-71d16434>eye-off</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-file-text" data-v-71d16434></i> <div class="name" data-v-71d16434>file-text</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-file-text-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>file-text-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-edit-pen" data-v-71d16434></i> <div class="name" data-v-71d16434>edit-pen</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-edit-pen-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>edit-pen-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-email" data-v-71d16434></i> <div class="name" data-v-71d16434>email</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-email-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>email-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-download" data-v-71d16434></i> <div class="name" data-v-71d16434>download</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-checkmark" data-v-71d16434></i> <div class="name" data-v-71d16434>checkmark</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-checkmark-circle" data-v-71d16434></i> <div class="name" data-v-71d16434>checkmark-circle</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-checkmark-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>checkmark-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-clock" data-v-71d16434></i> <div class="name" data-v-71d16434>clock</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-clock-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>clock-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-close" data-v-71d16434></i> <div class="name" data-v-71d16434>close</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-close-circle" data-v-71d16434></i> <div class="name" data-v-71d16434>close-circle</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-close-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>close-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-calendar" data-v-71d16434></i> <div class="name" data-v-71d16434>calendar</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-calendar-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>calendar-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-car" data-v-71d16434></i> <div class="name" data-v-71d16434>car</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-car-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>car-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-bell" data-v-71d16434></i> <div class="name" data-v-71d16434>bell</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-bell-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>bell-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-bookmark" data-v-71d16434></i> <div class="name" data-v-71d16434>bookmark</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-bookmark-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>bookmark-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-attach" data-v-71d16434></i> <div class="name" data-v-71d16434>attach</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-play-right" data-v-71d16434></i> <div class="name" data-v-71d16434>play-right</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-play-right-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>play-right-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-play-left" data-v-71d16434></i> <div class="name" data-v-71d16434>play-left</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-play-left-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>play-left-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-error" data-v-71d16434></i> <div class="name" data-v-71d16434>error</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-error-circle" data-v-71d16434></i> <div class="name" data-v-71d16434>error-circle</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-error-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>error-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-wifi" data-v-71d16434></i> <div class="name" data-v-71d16434>wifi</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-wifi-off" data-v-71d16434></i> <div class="name" data-v-71d16434>wifi-off</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-skip-back-left" data-v-71d16434></i> <div class="name" data-v-71d16434>skip-back-left</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-skip-forward-right" data-v-71d16434></i> <div class="name" data-v-71d16434>skip-forward-right</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-search" data-v-71d16434></i> <div class="name" data-v-71d16434>search</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-setting" data-v-71d16434></i> <div class="name" data-v-71d16434>setting</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-setting-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>setting-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-volume" data-v-71d16434></i> <div class="name" data-v-71d16434>volume</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-volume-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>volume-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-more-dot-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>more-dot-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-more-circle" data-v-71d16434></i> <div class="name" data-v-71d16434>more-circle</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-more-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>more-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-bag" data-v-71d16434></i> <div class="name" data-v-71d16434>bag</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-bag-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>bag-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-arrow-upward" data-v-71d16434></i> <div class="name" data-v-71d16434>arrow-upward</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-arrow-downward" data-v-71d16434></i> <div class="name" data-v-71d16434>arrow-downward</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-arrow-leftward" data-v-71d16434></i> <div class="name" data-v-71d16434>arrow-leftward</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-arrow-rightward" data-v-71d16434></i> <div class="name" data-v-71d16434>arrow-rightward</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-arrow-up" data-v-71d16434></i> <div class="name" data-v-71d16434>arrow-up</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-arrow-down" data-v-71d16434></i> <div class="name" data-v-71d16434>arrow-down</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-arrow-left" data-v-71d16434></i> <div class="name" data-v-71d16434>arrow-left</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-arrow-right" data-v-71d16434></i> <div class="name" data-v-71d16434>arrow-right</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-rmb" data-v-71d16434></i> <div class="name" data-v-71d16434>rmb</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-rmb-circle" data-v-71d16434></i> <div class="name" data-v-71d16434>rmb-circle</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-rmb-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>rmb-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-thumb-up" data-v-71d16434></i> <div class="name" data-v-71d16434>thumb-up</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-thumb-up-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>thumb-up-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-thumb-down" data-v-71d16434></i> <div class="name" data-v-71d16434>thumb-down</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-thumb-down-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>thumb-down-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-coupon" data-v-71d16434></i> <div class="name" data-v-71d16434>coupon</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-coupon-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>coupon-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-kefu-ermai" data-v-71d16434></i> <div class="name" data-v-71d16434>kefu-ermai</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-server-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>server-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-server-man" data-v-71d16434></i> <div class="name" data-v-71d16434>server-man</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-scan" data-v-71d16434></i> <div class="name" data-v-71d16434>scan</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-warning" data-v-71d16434></i> <div class="name" data-v-71d16434>warning</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-warning-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>warning-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-google" data-v-71d16434></i> <div class="name" data-v-71d16434>google</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-google-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>google-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-chrome-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>chrome-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-ie" data-v-71d16434></i> <div class="name" data-v-71d16434>ie</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-IE-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>IE-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-github-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>github-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-android-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>android-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-android-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>android-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-apple-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>apple-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-camera" data-v-71d16434></i> <div class="name" data-v-71d16434>camera</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-camera-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>camera-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-pushpin" data-v-71d16434></i> <div class="name" data-v-71d16434>pushpin</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-pushpin-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>pushpin-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-minus-square-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>minus-square-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-plus-square-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>plus-square-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-heart" data-v-71d16434></i> <div class="name" data-v-71d16434>heart</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-heart-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>heart-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-reload" data-v-71d16434></i> <div class="name" data-v-71d16434>reload</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-account" data-v-71d16434></i> <div class="name" data-v-71d16434>account</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-account-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>account-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-minus-people-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>minus-people-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-plus-people-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>plus-people-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-integral" data-v-71d16434></i> <div class="name" data-v-71d16434>integral</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-integral-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>integral-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-zhihu" data-v-71d16434></i> <div class="name" data-v-71d16434>zhihu</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-zhihu-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>zhihu-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-gift" data-v-71d16434></i> <div class="name" data-v-71d16434>gift</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-gift-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>gift-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-zhifubao" data-v-71d16434></i> <div class="name" data-v-71d16434>zhifubao</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-zhifubao-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>zhifubao-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-weixin-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>weixin-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-weixin-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>weixin-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-twitter" data-v-71d16434></i> <div class="name" data-v-71d16434>twitter</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-twitter-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>twitter-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-taobao" data-v-71d16434></i> <div class="name" data-v-71d16434>taobao</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-taobao-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>taobao-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-weibo" data-v-71d16434></i> <div class="name" data-v-71d16434>weibo</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-weibo-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>weibo-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-qq-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>qq-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-qq-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>qq-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-moments" data-v-71d16434></i> <div class="name" data-v-71d16434>moments</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-moments-circel-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>moments-circel-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-qzone" data-v-71d16434></i> <div class="name" data-v-71d16434>qzone</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-qzone-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>qzone-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-facebook" data-v-71d16434></i> <div class="name" data-v-71d16434>facebook</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-facebook-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>facebook-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-baidu" data-v-71d16434></i> <div class="name" data-v-71d16434>baidu</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-baidu-circle-fill" data-v-71d16434></i> <div class="name" data-v-71d16434>baidu-circle-fill</div></div><div class="item col-md-2 col-sm-3 col-xs-4" data-v-71d16434><i class="iconfont uicon-zhuanfa" data-v-71d16434></i> <div class="name" data-v-71d16434>zhuanfa</div></div></div></div></div> <footer class="page-edit"><!----> <div class="edit-link"><a href="https://gitee.com/vk-uni/vk-uview-ui-doc.git/edit/master/docs/components/icon.md" target="_blank" rel="noopener noreferrer">编辑此页（一起来纠错与优化，方便你我Ta）</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">最后修改时间:</span> <span class="time">7/12/2023, 3:37:35 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
      ←
      <a href="color.html" class="prev">
        Color 色彩
      </a></span> <span class="next"><a href="image.html">
        Image 图片
      </a>
      →
    </span></p></div> </main></div><div class="global-ui"></div></div>
		<script src="../assets/js/app.06a5b7ec.js" defer></script><script src="../assets/js/3.b1cc55a0.js" defer></script><script src="../assets/js/4.4b844322.js" defer></script><script src="../assets/js/81.6d66b374.js" defer></script><script src="../assets/js/19.2b0b9da7.js" defer></script><script src="../assets/js/9.ba52e2b0.js" defer></script><script src="../assets/js/15.9c539d25.js" defer></script><script src="../assets/js/6.2c513bee.js" defer></script>
	</body>

<!-- Mirrored from vkuviewdoc.fsq.pub/components/icon.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 21 May 2025 17:31:01 GMT -->
</html>
